/* pages/assetBorrow/assetBorrow.wxss */
page {
  background: #f5f7f9;
  box-sizing: border-box;
  padding: 20rpx;
}

// 表单label
.van-field__label--disabled {
  color: #646566 !important;
}
.van-field__control--disabled {
  color: #000000 !important;
}
// 位置弹框中的确认按钮
.custom-confirm-btn {
  width: 100%;
  height: 60rpx;
  line-height: 60rpx;
  position: relative;
  text-align: center;
  width: 20%;
  background: #d1d2d4;
  color: #fff;
  font-size: 28rpx;
  border-radius: 30rpx;
  margin-left: auto; // 添加此行使按钮靠右对齐
}

// 位置弹框头部
.van-cascader__header {
  height: 0rpx !important;
}

// 选择资产
.chooseAsset {
  width: 100%;
  height: 100rpx;
  line-height: 100rpx;
  background-color: #fff;
  color: #02b9b8;
  text-align: center;
  border-radius: 5rpx;
  margin-top: 10rpx;
}

//资产明细  -------- 新增的样式开始  --------
.asset-detail {
  height: 60rpx;
  line-height: 60rpx;
  padding-left: 20rpx;
  font-size: 28rpx;
  display: flex;
  // background-color: salmon;
  .checked{
    color: #999;
    font-size: 24rpx;
    margin: 0rpx 20rpx;
  }
  .checked-num {
    color: #29b3b0;
    font-size: 24rpx;
  }
}

.asset-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30rpx; /* 增加内边距 */
  margin-bottom: 30rpx; /* 增加间距 */
  background: linear-gradient(145deg, #f8f9fa, #ffffff); /* 渐变背景色 */
  border-radius: 16rpx; /* 更圆润的边角 */
  box-shadow: 0 6rpx 12rpx rgba(0, 0, 0, 0.15); /* 加深阴影 */
  transition: transform 0.3s ease, box-shadow 0.3s ease; /* 添加悬停动画 */
}

.asset-card:hover {
  transform: translateY(-5rpx); /* 悬停时轻微上移 */
  box-shadow: 0 8rpx 16rpx rgba(0, 0, 0, 0.2); /* 悬停时加深阴影 */
}

//选中最后一个资产
.asset-card:last-child {
  margin-bottom: 120rpx;
}

// 资产卡片头部
.asset-header {
  width: 100%;
  display: flex;
  align-items: center;
  height: 80rpx;
  line-height: 80rpx;
  // background-color: saddlebrown;
  .status {
    width: 90rpx;
    height: 70rpx;
    line-height: 70rpx;
    border-radius: 15rpx;
    margin-right: 10rpx;
    text-align: center;
    color: #fff;
    background-color: #38c977;
  }
  .remove {
    color: #26b3b0;
    margin-left: auto;
    // width: 20rpx;
    // height: 20rpx;
  }
}

// 资产内容
.asset-box {
  width: 100%;
  height: 60rpx;
  padding: 5rpx 0;
  display: flex;
  align-items: center;
  // background-color: salmon;
  .asset-title {
    width: 24%;
    margin-right: 10rpx;
    color: #a6a5a8;
    font-size: 28rpx; /* 增大字体 */
  }
  .asset-name {
    font-size: 28rpx; /* 增大字体 */
    color: #505052;
    height: 60rpx;
    line-height: 60rpx;
    // background-color: #38c977;
  }
}

.asset-box.img-box {
  height: 180rpx;
  // 资产图片
  .asset-image {
    width: 150rpx; /* 稍微放大图片 */
    height: 150rpx;
    margin-bottom: 20rpx;
    border-radius: 16rpx; /* 更圆润的边角 */
    object-fit: cover; /* 确保图片比例不失真 */
  }
}
//资产明细  -------- 新增的样式结束  --------

// 提交按钮
.sub-btn {
  width: 100%;
  height: 130rpx;
  line-height: 130rpx;
  padding-bottom: 10rpx;
  text-align: center;
  position: fixed;
  left: 0;
  bottom: 0;
  background-color: rgb(255, 255, 255);
  .btn {
    width: 93%;
    margin: 0 auto;
    height: 100rpx;
    line-height: 100rpx;
    border-radius: 20rpx;
    color: #fff;
    background-color: #02b9b8;
  }
}
